var socket;
//当前显示页面类型
var showType="";
//回退页面
var backInfo = null;
//计时进入空闲状态
var mytime = 0;
//预警状态 默认0正常
var isSafe = 0;
//车牌号
var car_no = "";
$(function () {
	showFree();
//	initSocket();
//	showOpen();
 // showFinish();
// 	showRefueling();
//	更新单价
//	$("#oil_price").html("6.62");
//	//更新升数
//	$("#oil_vol").html("32.26");
//	//更新金额
//	$("#oil_money").html("200");
//  showCheck();
//	showStop();

//  机器人工作完毕
// showOver();
//	playRtsp()
// showAgain("parkNoCar","请您把车辆往前方挪动");
//	showAgain('parkTooBack','请您停在可扫描范围内')
// showWarning();
// 显示授权成功
// showAuth("京A8437DJ");

//	前端测试所有页面
    testPage()
	play();
});

function testPage() {
	// 前端测试所有页面样式
	//showFree();
	// setTimeout("showAuth();", 2000 );
	// setTimeout("showAgain('parkNoCar','请您停在可扫描范围内');", 4000 );
	// setTimeout("showAgain('parkTooBack','请您停在可扫描范围内');", 6000 );
	// setTimeout("showAgain('parkTooRight','请您停在可扫描范围内');", 8000 );
	// setTimeout("showAgain('parkTooLeft','请您停在可扫描范围内');", 10000 );
	// setTimeout("showAgain('parkTooHead','请您停在可扫描范围内');", 12000 );
	// setTimeout("showCheck();", 14000 );
	// setTimeout("showOpen();", 16000 );
	// setTimeout("showTankCap('0','油箱盖识别失败')", 18000 );
	// setTimeout("showTankCap('1','油箱盖识别失败')", 20000 );
	// setTimeout("showRefueling()", 22000 );
	// setTimeout("showFinish()", 24000 );
	// setTimeout("showOver()", 26000 );
	// setTimeout("showWarning()", 28000 );
	
    console.log("start parkTooRight ");
    clearTime();
    showAgain('parkTooRight','请您停在可扫描范围内');
    doRecet();
    setTimeout("testPage()", 11000);
    // showCheck();
    
}

function play() {
	let mrl= "rtsp://admin:12345678q@192.168.1.65:554/h264/ch1/sub/av_stream";
	var i;
	var webRtcServer = "webRtcServer"
	window.onload = function() {
		webRtcServer = new WebRtcStreamer('video','http://192.168.1.100:8000');  //与工控机ip一致
		webRtcServer.connect(mrl);
	}
	window.onbeforeunload = function() {
		webRtcServer.disconnect();
	}
}

function initSocket(){
	//var adr = jsGetParam();
	//if(adr == null){
	//	alert("通讯地址获取异常！");
	//	console.log("通讯地址获取异常！");
	//	return;
	//}
	//console.log(adr);
	//var address = adr;
//	if(typeof(WebSocket) == "undefined") {
//		alert("您的浏览器不支持WebSocket");
//	}
	//console.log($("#adr").val());
	//var address = $("#adr").val();
	try{
		//实现化WebSocket对象，指定要连接的服务器地址与端口
		socket = new WebSocket("ws://"+"192.168.1.156:9002");
//		socket = new WebSocket("ws://"+"127.0.0.1:8182");
//		socket = new WebSocket("ws://"+"10.94.192.203:"+port);
//		socket = new WebSocket("ws://"+address);
		//console.log("port =" +port);
		//打开事件
		socket.onopen = function() {
			console.log("Socket 已打开");
			//$("#zhezhao").hide();
// 				alert("Socket 已打开");
		};
		//获得消息事件
		socket.onmessage = function(msg) {
			console.log(msg);
			
			var data = msg.data;
			//console.log(data);
            
            var reader = new FileReader();               // 创建读取文件对象
            var info = {};
            reader.addEventListener("loadend", function () { 
                info  = JSON.parse(reader.result);            // 返回的数据
                console.log(info,'返回结果数据')
                var pageType = info.pageType;
                //停驻结果
                if(pageType == 'parkPage'){
					clearTime();

		    		backInfo = info;
                    var parkInfo = info.parkInfo;
                    //停驻信息
                    if(parkInfo == "parkCorrect"){
                        //位置正确
                        showCheck();
                        //语音提示
                        voiceBroadcast("车辆已停放正确");
                        doRecet();
                    }else{
                        var text = "";
                        if(parkInfo == "parkTooLeft"){
                            showAgain('parkTooLeft','请您停在可扫描范围内');
                        }else if(parkInfo == "parkTooRight"){
                            showAgain('parkTooRight','请您停在可扫描范围内');
                        }else if(parkInfo == "parkTooHead"){
                           //text = "请您把车辆往后侧挪动";
                           showAgain('parkTooHead','请您停在可扫描范围内');
                        }else if(parkInfo == "parkTooBack"){
                            showAgain('parkTooBack','请您停在可扫描范围内');
                        }else if(parkInfo == "parkNoCar"){
                            showAgain('parkNoCar','请您停在可扫描范围内');
                        }
                        //位置不对,显示调整位置
                        //showAgain(parkInfo,text);
                        //upCarno(info.licensePlate);
                        //语音提示
                        //voiceBroadcast(text);
                        _doRecet();
                    }
					
                }else if(pageType == 'oilStart'){
					clearTime();
				    backInfo = info;
                    //开始加油
                    if(showType != pageType){
                        showAuth(info.licensePlate);
                    }
					//更新枪号
	            	$(".gun_no").html(info.pumpId);
                    //更新油品
	            	$("#auth_type").html(getOilName(info.oilType));
                    //更新金额
                    $("#auth_money").html(info.orderValue+"元");
                    //语音提示
		    		var text = info.licensePlate + "您已预授权成功，授权金额"+info.orderValue+"元，"+getOilName(info.oilType)+"，"+info.pumpId+"号枪"
                    voiceBroadcast(text);
                }else if(pageType == 'oilReal'){
					clearTime();
					backInfo = info;
                    console.log(showType);
                    //加油实时记录
                    if(showType != 'oilReal' ){
                        showRefueling();
                    }
                    //更新油品
		    		$("#oil_type").html(getOilName(info.oilType));
                    //更新升数
                    $("#oil_vol").html(info.oilLiter+"<span>升</span>");
                    //更新金额
                    $("#oil_money").html(info.money+"<span>元</span>");
                    //更新单价
    //				$("#oil_price").html(info.unitPrice);
                }else if(pageType == 'oilEnd'){
					clearTime();
		    		backInfo = info;
                    //开始加油
                    if(showType != pageType){
                        showFinish();
                    }
                    //更新油品
		    		$("#order_type").html(getOilName(info.oilType));
                    //更新单价
                    $("#order_price").html(info.unitPrice);
                    //更新升数
                    $("#order_vol").html(info.totalLiter+"升");
                    //更新金额
                    $("#order_money").html(info.totalMoney+"元");
                    //语音播报
                    voiceBroadcast("机器人正在关闭油箱盖，请您稍候");
                }else if(pageType == 'wxPay'){
                    //微信支付结果
                    if(info.result == 'SUCCESS'){
                        //支付成功
                        $("#finish_table").show();
                        $('#finish_tip_a').html("付款成功！请确认安全后驶离");
                        $('#finish_tip_b').html("Payment successful! Please make sure it's safe before leaving");
                        //1分钟后复位
                        doRecet();
                    }
                }else if(pageType == 'invadePage'){
                    //报警，区域入侵
                    if(info.alarmValue == "invadeObj"){
						clearTime();
                        showWarning();
						isSafe = 1;
                        //语音提示
                        voiceBroadcast("您已进入机器人工作范围请离开工作区域!");
                    }
					if(info.alarmValue == "safeEnv"){
					    //判断是否安全
						if(isSafe > 0){
							//返回之前页面
							doBack();
						}
					}
                }else if(pageType == 'robotStatueCheck'){
                    //机器人运动结束
                    if(info.robotStatus == "Completed"){
                        showOver();
                        //语音提示
                        voiceBroadcast("本次加油已完成，可以驶离加油位，欢迎您再次体验加油机器人!");
                        doRecet();
                    }
				    
					//机器人开内外盖
				    if(info.robotStatus == "OpeningCover"){
						//showOpen();
						//语音提示
						//voiceBroadcast("机器人正在打开油箱内外盖，请勿移动车辆请勿进入其工作区域…");
				    }
                }else if(pageType == 'goodsPage'){
					var msg = info.message;
					console.log(msg);
					var imgNum =  msg.length;
					var basePath = "img/goods/";
					$('#refuel_img_open').children().last().html(msg[0].ItemName);
					$('#refuel_img_open').children().first().attr('src',basePath + msg[0].ItemCode + ".jpg");
					if(imgNum == 3){
						$('#refuel_img').children().last().html(msg[1].ItemName);
						$('#refuel_img').children().first().attr('src',basePath + msg[1].ItemCode + ".jpg");
						$('#refuel_img_close').children().last().html(msg[2].ItemName);
						$('#refuel_img_close').children().first().attr('src',basePath + msg[2].ItemCode + ".jpg");
					}else if(imgNum == 2){
						$('#refuel_img').children().last().html(msg[1].ItemName);
						$('#refuel_img').children().first().attr('src',basePath + msg[1].ItemCode + ".jpg");
						$('#refuel_img_close').children().last().html(msg[1].ItemName);
						$('#refuel_img_close').children().first().attr('src',basePath + msg[1].ItemCode + ".jpg");
					}else{
						$('#refuel_img').children().last().html(msg[0].ItemName);
						$('#refuel_img').children().first().attr('src',basePath + msg[0].ItemCode + ".jpg");
						$('#refuel_img_close').children().last().html(msg[0].ItemName);
						$('#refuel_img_close').children().first().attr('src',basePath + msg[0].ItemCode + ".jpg");
					}
				}else if(pageType == 'remindPage'){//提示解锁油箱外盖
		    		backInfo = info;
                    //提示信息
					var text =info.remindInfo;
					//显示调整
					showTankCap(0,text);
					//语音提示“remindInfo ":“请解锁油箱外盖”
					voiceBroadcast(text+",请勿移动车辆！");

				}else if(pageType == 'virtualFailedPage'){//提示油箱盖识别失败
		    		backInfo = info;
                    //提示信息
					var text =info.virtualFailedInfo;
					//显示调整
					showTankCap(1,text);
					//语音提示 油箱盖识别失败
					voiceBroadcast(text+",请勿移动车辆！");

				}else if(pageType == 'openFailedPage'){//提示油箱盖打开失败
					backInfo = info;
                    //提示信息
					var text =info.openFailedInfo;
					//显示调整
					showTankCap(1,text);
					//语音提示  油箱盖打开失败
					voiceBroadcast(text+",请勿移动车辆！");

				}else if(pageType == 'closeFailedPage'){//提示油箱盖关闭失败
					
		    		backInfo = info;
                    //提示信息
					var text =info.closeFailedInfo;
					//显示调整
					showTankCap(1,text);
					//语音提示   油箱盖关闭失败
					voiceBroadcast(text+",请勿移动车辆！");
				}else {
                    showFree();
                }			
                showType = pageType;
                doResponse();

            });
            reader.readAsText(data, 'utf8'); // 设置读取的数据以及返回的数据类型为 GB2312
            //var info = res;//JSON.parse(""+data);
            //var info =  JSON.parse(new TextDecoder("utf-8").decode(new Uint8Array(data)))
			return;
		};
		//关闭事件
		socket.onclose = function() {
			console.log("Socket已关闭");
			setTimeout(function (){
                initSocket(); //15秒重连socket
            }, 15000);
		};
		//发生了错误事件
		socket.onerror = function() {
			console.log("发生了错误");
		};
		socket.onbeforeunload = function() {
            websocket.close();
        };
	}catch (error) {
       console.log('connect error ');
    }
}

//返回上一页面
function doBack(){
	
	//状态恢复
	isSafe = 0;
	if(backInfo == null || backInfo == ""){
		showFree();
		return;
	}

	var backType = backInfo.pageType;
	console.log(backInfo);
	//停驻结果
	if(backType == 'parkPage'){
		var parkInfo = backInfo.parkInfo;
		//停驻信息
		if(parkInfo == "parkCorrect"){
			//位置正确
			showCheck();
            doRecet();
		}else{
			var text = "";
			if(parkInfo == "parkTooLeft"){
				text = "请您把车辆往右侧挪动";
			}else if(parkInfo == "parkTooRight"){
				text = "请您把车辆往左侧挪动";
			}else if(parkInfo == "parkTooHead"){
				text = "请您把车辆往后侧挪动";
			}else if(parkInfo == "parkTooBack"){
				text = "请您把车辆往前方挪动";
			}else if(parkInfo == "parkNoCar"){
				text = "未检测到车辆";
			}
			//位置不对,显示调整位置
			showAgain(parkInfo,text);
            _doRecet();
		}
		upCarno(info.licensePlate);
	}else if(backType == 'oilStart'){
		showOpen();
	}else if(backType == 'oilReal'){
		//加油实时记录
		showRefueling();
		//更新油品
		$("#oil_type").html(getOilName(backInfo.oilType));
		//更新升数
		$("#oil_vol").html(backInfo.oilLiter+"<span>升</span>");
		//更新金额
		$("#oil_money").html(backInfo.money+"<span>元</span>");
	}else if(backType == 'oilEnd'){
		//结束加油
		showFinish();
		//更新油品
		$("#order_type").html(getOilName(backInfo.oilType));
		//更新单价
		$("#order_price").html(backInfo.unitPrice);
		//更新升数
		$("#order_vol").html(backInfo.totalLiter+"<span>升</span>");
		//更新金额
		$("#order_money").html(backInfo.totalMoney+"<span>元</span>");
	}else if(backType == 'remindPage'){//提示解锁油箱外盖
		//提示信息
		var text =backInfo.remindInfo;
		//显示调整
		showTankCap(0,text);
		//语音提示
		voiceBroadcast(text+",请勿移动车辆！");

	}else if(backType == 'virtualFailedPage'){//提示油箱盖识别失败
		//提示信息
		var text =backInfo.virtualFailedInfo;
		//显示调整
		showTankCap(1,text);

	}else if(backType == 'openFailedPage'){//提示油箱盖打开失败
		//提示信息
		var text =backInfo.openFailedInfo;
		//显示调整
		showTankCap(1,text);


	}else if(backType == 'closeFailedPage'){//提示油箱盖关闭失败
		//提示信息
		var text =backInfo.closeFailedInfo;
		//显示调整
		showTankCap(1,text);
	}else{
		showFree();
	}
}

//复位
function doRecet(){
	mytime = setInterval(function(){ 
		//1分钟后，默认空闲，显示停车
		showFree(); 
		car_no = "";
		//更新车牌号
		upCarno(car_no);
		//更新升数
		$("#oil_vol").html("");
		//更新金额
		$("#oil_money").html("");
	}, 8000); //30000
}

function _doRecet(){
	mytime = setInterval(function(){ 
		//1分钟后，默认空闲，显示停车
		showFree(); 
		car_no = "";
		//更新车牌号
		upCarno(car_no);
		//更新升数
		$("#oil_vol").html("");
		//更新金额
		$("#oil_money").html("");
	}, 30000); //
}

//socket回复
function doResponse(){
	socket.send('{"responseResult":"SUCCESS"}');
}
//车牌号赋值
function upCarno(car_no){
	$('#msg_car').html(car_no);
}

//显示空闲页面
function showFree(){
	$('#top_div').hide();
	$('#bottom_div').hide();
	$('#free_msg').show();
	$('#free_msg_text').show();
	$('#over_msg').hide();
	$('#over_msg_text').hide();
	$('#dv_free').css('display','inline-block');
	$('#dv_working').hide();
}

//显示完毕页面
function showOver(){
	$('#top_div').hide();
	$('#bottom_div').hide();
	$('#free_msg').hide();
	$('#free_msg_text').hide();
	$('#over_msg').show();
	$('#over_msg_text').show();
	$('#dv_free').css('display','inline-block');
	$('#dv_working').hide();
}

//显示停车页面
function showStop(){
	$('#top_div').removeClass();
	$('#top_div').addClass("top_line line_red");
	$('#bottom_div').removeClass();
	$('#bottom_div').addClass("bottom_line line_red");
	$('#msg_title').children().eq(0).removeClass();
	$('#msg_title').children().eq(0).addClass("msg_bg_red");
	$('#msg_font').html("请停车");
	$('#msg_font').removeClass();
	$('#msg_font').addClass("msg_font text_white");
	$('#msg_car').removeClass();
	$('#msg_car').addClass("msg_car text_white");
	$("#normal_msg").show();
	$("#wait_msg").hide();
	$("#finish_msg").hide();
	$("#refueling_msg").hide();
	$("#stop_show").show();
	$("#finish_show").hide();
	$("#wait_show").hide();
	$("#auth_show").hide();
	$("#again_show").hide();
	$("#warning_show").hide();
	showType = "";
	//更新升数
	$("#oil_vol").html("");
	//更新金额
	$("#oil_money").html("");
	
}
//显示完成加油
function showFinish(){
	$('#top_div').show();
	$('#bottom_div').show();
	$('#dv_free').hide();
	$('#dv_working').show();
	$('#top_div').removeClass();
	$('#top_div').addClass("top_line line_red");
	$('#bottom_div').removeClass();
	$('#bottom_div').addClass("bottom_line line_red");
	$("#msg_title").show();
	$('#msg_title').children().eq(0).removeClass();
	$('#msg_title').children().eq(0).addClass("msg_bg_red");
	$('#msg_font').html("请稍后...");
	$('#msg_font').removeClass();
	$('#msg_font').addClass("msg_font text_white");
	$('#msg_car').html("机器人正在关闭油箱盖");
	$('#msg_car').removeClass();
	$('#msg_car').addClass("msg_car text_white");
	$("#again_msg").hide();
	$("#finish_msg").show();
	$("#normal_msg").hide();
	$("#wait_msg").hide();
	$("#refueling_msg").hide();
	$("#stop_show").hide();
	$("#auth_show").hide();
	$("#again_show").hide();
	$("#warning_show").hide();
	$("#finish_show").hide();
	$("#wait_show").show();
	// $("#refuel_img_close").show();
	 $("#refuel_img_close").hide();
	$("#refuel_img").hide();
	$("#refuel_img_open").hide();
	$("#check_img").hide();
}
//显示确认加油
function showCheck(){
	$('#top_div').show();
	$('#bottom_div').show();
	$('#dv_free').hide();
	$('#dv_working').show();
	$('#top_div').removeClass();
	$('#top_div').addClass("top_line line_green");
	$('#bottom_div').removeClass();
	$('#bottom_div').addClass("bottom_line line_green");
	$("#msg_title").show();
	$('#msg_title').children().eq(0).removeClass();
	$('#msg_title').children().eq(0).addClass("msg_bg_green");
	$('#msg_car').html("");
	$('#msg_font').html("车辆已停放正确");
	$('#msg_font').removeClass();
	$('#msg_font').addClass("msg_font text_white");
	$('#msg_car').removeClass();
	$('#msg_car').addClass("msg_car text_white");
	$("#normal_msg").hide();
	$("#wait_msg").show();
	$("#finish_msg").hide();
	$("#refueling_msg").hide();
	$("#stop_show").hide();
	$("#finish_show").hide();
	$("#auth_show").hide();
	$("#again_show").hide();
	$("#again_msg").hide();
	$("#warning_show").hide();
	$("#wait_show").show();
	$("#check_img").show();
	$("#refuel_img").hide();
	$("#refuel_img_open").hide();
	$("#refuel_img_close").hide();

    $('#auth_car_no').hide();
}

//机器人启动，开内外盖
function showOpen(){
	$('#top_div').show();
	$('#bottom_div').show();
	$('#dv_free').hide();
	$('#dv_working').show();
	$('#top_div').removeClass();
	$('#top_div').addClass("top_line line_red");
	$('#bottom_div').removeClass();
	$('#bottom_div').addClass("bottom_line line_red");
	$('#msg_title').children().eq(0).removeClass();
	// $('#msg_title').children().eq(0).addClass("msg_bg_red msg_bg_open");
	$("#msg_title").show();
	$('#msg_title').children().eq(0).addClass("msg_bg_red");
	$('#msg_font').html("请勿进入工作区域!");
	$('#msg_car').html("请勿移动车辆!");
	$('#msg_font').removeClass();
	$('#msg_font').addClass("msg_font text_white");
	$('#msg_car').removeClass();
	$('#msg_car').addClass("msg_car text_white");
	$('#again_text').html("机器人正在打开油箱盖...");
	$("#normal_msg").hide();
	// $("#again_msg").hide();
	$("#again_msg").show();
	$("#wait_msg").hide();
	$("#finish_msg").hide();
	$("#refueling_msg").hide();
	$("#stop_show").hide();
	$("#finish_show").hide();
	$("#wait_show").show();
	$("#check_img").hide();
	$("#refuel_img").hide();
	$("#refuel_img_close").hide();
	$("#refuel_img_open").show();
	$("#auth_show").hide();
	$("#again_show").hide();
	$("#warning_show").hide();
	voiceBroadcast("机器人正在打开油箱内外盖，请勿移动车辆请勿进入其工作区域…");
}
//显示加油中
function showRefueling(){
	$('#top_div').show();
	$('#bottom_div').show();
	$('#dv_free').hide();
	$('#dv_working').show();
	$('#top_div').removeClass();
	$('#top_div').addClass("top_line line_red");
	$('#bottom_div').removeClass();
	$('#bottom_div').addClass("bottom_line line_red");
	$("#msg_title").show();
	$('#msg_title').children().eq(0).removeClass();
	$('#msg_title').children().eq(0).addClass("msg_bg_red");
	$('#msg_font').html("请勿进入工作区域！");
	$('#msg_car').html("加油中，请勿移动车辆");
	$('#msg_font').removeClass();
	$('#msg_font').addClass("msg_font text_white");
	$('#msg_car').removeClass();
	$('#msg_car').addClass("msg_car text_white");
	$("#normal_msg").hide();
	$("#again_msg").hide();
	$("#wait_msg").hide();
	$("#finish_msg").hide();
	$("#refueling_msg").show();
	$("#stop_show").hide();
	$("#finish_show").hide();
	$("#wait_show").show();
	$("#check_img").hide();
	$("#refuel_img_open").hide();
	$("#refuel_img_close").hide();
	$("#refuel_img").show();
	$("#auth_show").hide();
	$("#again_show").hide();
	$("#warning_show").hide();
}

//显示停车位不符
function showAgain(parkInfo,text){
	voiceBroadcast(text);
	// 默认显示车偏移的图片，若是未在扫描区域，隐藏again_img_content,again_img,显示again_img_other
	// $('#again_img_content').show()
	// $('#again_img').show()
	// $('#again_img_other').hide()
	$('#again_video').show()
	$('#again_img').removeClass();
	$('#msg_title').show()
	$('#msg_car').html("请停车");
	$('#msg_font').html("");
	// 添加视屏上的框
	$('#video_content').removeClass()
	// 红色的框
	$('#video_content').addClass('video_line video_red')
	// 绿色的框
	// $('#video_content').addClass('video_line video_green')
	if(parkInfo == "parkTooLeft"){
		$('#msg_car').html("请向右侧挪动车辆");
		// text = "请向<span style='color: #FF0000;'>右侧</span>挪动车辆";
		// $('#again_img').addClass("car_too_left");
	}else if(parkInfo == "parkTooRight"){
		$('#msg_car').html("请向左侧挪动车辆");
		// text = "请向<span style='color: #FF0000;'>左侧</span>挪动车辆";
		// $('#again_img').addClass("car_too_right");
	}else if(parkInfo == "parkTooHead"){
		$('#msg_car').html("请向后侧挪动车辆");
		// text = "请向<span style='color: #FF0000;'>后侧</span>挪动车辆";
		// $('#again_img').addClass("car_too_top");
	}else if(parkInfo == "parkTooBack"){
		$('#msg_car').html("请向前侧挪动车辆");
		// text = "请向<span style='color: #FF0000;'>前侧</span>挪动车辆";
		// $('#again_img').addClass("car_too_bottom");
	}else if(parkInfo == "parkNoCar"){
		// text = "请您停在<span style='color: #FF0000;'>可扫描范围</span>内";
		// $('#msg_car').html("");
		// $('#msg_font').html("请停车");
		// $('#again_img_content').hide()
		// $('#again_img').hide()
		// $('#again_img_other').show()
	}
	// $('#again_text').html(text);
	$('#top_div').show();
	$('#bottom_div').show();
	$('#bottom_div').show();
	$('#dv_free').hide();
	$('#dv_working').show();
	$('#top_div').removeClass();
	$('#top_div').addClass("top_line line_red");
	$('#bottom_div').removeClass();
	$('#bottom_div').addClass("bottom_line line_red");
	$('#msg_title').children().eq(0).removeClass();
	$('#msg_title').children().eq(0).addClass("msg_bg_red");

	$('#msg_font').removeClass();
	$('#msg_font').addClass("msg_font text_white");
	$('#msg_car').removeClass();
	$('#msg_car').addClass("msg_car text_white");
//	$('#msg_car').html("");
//	$("#again_msg").show();
	$("#normal_msg").hide();
	$("#wait_msg").hide();
	$("#finish_msg").hide();
	$("#refueling_msg").hide();
	$("#stop_show").hide();
	$("#finish_show").hide();
	$("#wait_show").hide();
	$("#auth_show").hide();
	$("#again_show").show();
	//隐藏油箱盖提示，显示车辆位置
	$("#car_position_show").show();
	$("#tank_cap_show").hide();
	$("#warning_show").hide();
	// $('#oil_table').show();

    //不显示车牌
    $('#auth_car_no').hide();
}


//显示授权成功
function showAuth(carNo){
	$('#top_div').show();
	$('#bottom_div').show();
	$('#bottom_div').show();
	$('#dv_free').hide();
	$('#dv_working').show();
	$('#top_div').removeClass();
	// $('#top_div').addClass("top_line line_yellow");
	$('#top_div').addClass("top_line line_green");
	$('#bottom_div').removeClass();
	// $('#bottom_div').addClass("bottom_line line_yellow");
	$('#bottom_div').addClass("bottom_line line_green");
	$('#msg_title').show()
	$('#msg_title').children().eq(0).removeClass();
	// $('#msg_title').children().eq(0).addClass("msg_bg_yellow");
	$('#msg_title').children().eq(0).addClass("msg_bg_green");
	$('#msg_font').html("您已授权成功");
	$('#msg_font').removeClass();
	$('#msg_font').addClass("msg_font text_white");
	$('#msg_car').removeClass();
	$('#msg_car').addClass("msg_car text_white");
	$('#msg_car').html("");
	$('#auth_car_no').html(carNo)
	// $("#again_text").html("<span style = 'line-height: 12vw;font-size: 6vw;'>"+carNo+"已授权</span>");
	$("#auth_show").show();
	// $("#again_msg").show();
	$("#normal_msg").hide();
	$("#wait_msg").hide();
	$("#finish_msg").hide();
	$("#refueling_msg").hide();
	$("#stop_show").hide();
	$("#finish_show").hide();
	$("#wait_show").hide();
	$("#again_show").hide();
	$("#warning_show").hide();
	$('#oil_table').show();
	setTimeout("showOpen();", 10000 );

    $('#auth_car_no').hide();
}


//2.10	报警,
function showWarning(){
	$('#top_div').show();
	$('#bottom_div').show();
	$('#bottom_div').show();
	$('#dv_free').hide();
	$('#dv_working').show();
	$('#top_div').removeClass();
	$('#top_div').addClass("top_line line_red");
	$('#bottom_div').removeClass();
	$('#bottom_div').addClass("bottom_line line_red");
	$('#msg_title').children().eq(0).removeClass();
	$('#msg_title').children().eq(0).addClass("msg_bg_red");
	$('#msg_font').html("您已进入机器人工作范围");
	$('#msg_font').removeClass();
	$('#msg_font').addClass("msg_font text_white");
	$('#msg_car').removeClass();
	$('#msg_car').addClass("msg_car text_white");
	$('#msg_car').html("请离开工作区域！  ");
	$("#again_msg").hide();
	$("#auth_show").hide();
	$("#normal_msg").hide();
	$("#wait_msg").hide();
	$("#finish_msg").hide();
	$("#refueling_msg").hide();
	$("#stop_show").hide();
	$("#finish_show").hide();
	$("#wait_show").hide();
	$("#again_show").hide();
	$("#msg_title").hide();
	$("#warning_show").show();
	$('#oil_table').show();

    $('#auth_car_no').hide();                      //不显示车牌
}


//显示油箱盖开关提示信息
function showTankCap(type,text){
	$('#top_div').show();
	$('#bottom_div').show();
	$('#bottom_div').show();
	$('#dv_free').hide();
	$('#dv_working').show();
	$('#top_div').removeClass();
	$('#bottom_div').removeClass();
	$("#msg_title").show();
	$('#msg_title').children().eq(0).removeClass();
	if(type == 0){//提示
		$('#top_div').addClass("top_line line_yellow");
		$('#bottom_div').addClass("bottom_line line_yellow");
		$('#msg_title').children().eq(0).addClass("msg_bg_yellow");
		$('#msg_font').html("请把车停在可扫描范围内");
		$('#msg_font').removeClass();
		$('#msg_font').addClass("msg_font text_white");
		$('#msg_car').html("");
		$('#msg_car').removeClass();
		$('#msg_car').addClass("msg_car text_white");
		// $('#tank_tip').removeClass();
		// $('#tank_tip').addClass("tank_tip");
		$('.tank_warning_img').attr('src',"img/warning_car_fuel_cap.png");
	}else{
		//报警
		$('#top_div').addClass("top_line line_red");
		$('#bottom_div').addClass("bottom_line line_red");
		$('#msg_title').children().eq(0).addClass("msg_bg_red");
		$('#msg_font').html("请等待工作人员处理");
		$('#msg_font').removeClass();
		$('#msg_font').addClass("msg_font text_white");
		$('#msg_car').html("");
		$('#msg_car').removeClass();
		$('#msg_car').addClass("msg_car text_white");
		// $('#tank_tip').removeClass();
		// $('#tank_tip').addClass("tank_tip tip_red");
		$('.tank_warning_img').attr('src',"img/error_car_fuel_cap.png");
	}

	$("#again_text").html(text + "</br> <span style = 'color:red;line-height: 8vw'>请勿移动车辆</span>");
//	$('#msg_car').html("");
	$("#again_msg").show();
	$("#normal_msg").hide();
	$("#wait_msg").hide();
	$("#finish_msg").hide();
	$("#refueling_msg").hide();
	$("#stop_show").hide();
	$("#finish_show").hide();
	$("#wait_show").hide();
	$("#auth_show").hide();
	$("#again_show").show();
	//隐藏车辆位置，显示油箱盖提示
	$("#car_position_show").hide();
	$("#tank_cap_show").show();

	$("#warning_show").hide();
	$('#oil_table').show();
}


//加油中实时油量变更
function oilInfoUp(vol,money){
	$('#oil_money').html(money);
	$('#oil_vol').html(vol);
}

//加油订单变更
function orderInfoUp(vol,money){
	$('#order_money').html(money);
	$('#order_vol').html(vol);
}
//根据油品编码获取油品名称
function getOilName(code){
	var name = "";
	if(code == "300775"){
		name = "92号汽油";
	}else if(code == "300772"){
		name = "-10号柴油";
	}else if(code == "300771"){
		name = "0号柴油";
	}
	return name;
}

//清除定时
function clearTime(){
	if(mytime){
		clearInterval(mytime);
	}
}

//语音播报
function voiceBroadcast(text){
	//js2android.jsSpeak(text);
};

//获取通讯地址
function jsGetParam(){
	var adr = js2android.jsGetParam();
	return adr;
};

function findIP(callback) {
    var myPeerConnection = window.RTCPeerConnection || window.mozRTCPeerConnection || window.webkitRTCPeerConnection; //compatibility for firefox and chrome
    //console.log(myPeerConnection )

    var restartConfig = { iceServers: [] };
    // var pc = new myPeerConnection({ iceServers: [] }),
    var pc = new myPeerConnection({ iceServers: [] }),
        noop = function() {},
        localIPs = {},
        ipRegex = /([0-9]{1,3}(\.[0-9]{1,3}){3}|[a-f0-9]{1,4}(:[a-f0-9]{1,4}){7})/g,
        key;

    function ipIterate(ip) {
        if (!localIPs[ip]) callback(ip);
        localIPs[ip] = true;
    }
    pc.setConfiguration(restartConfig);
    pc.createDataChannel("");
    pc.createOffer().then(function(sdp) {
        sdp.sdp.split('\n').forEach(function(line) {
            if (line.indexOf('candidate') < 0) return;
            line.match(ipRegex).forEach(ipIterate);
        });
        pc.setLocalDescription(sdp, noop, noop);
    });
    pc.onicecandidate = function(ice) {
        if (!ice || !ice.candidate || !ice.candidate.candidate || !ice.candidate.candidate.match(ipRegex)) return;
        ice.candidate.candidate.match(ipRegex).forEach(ipIterate);
    };
}
